<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>中电熊猫置业</title>
  <link rel="stylesheet" href="../../css/bootstrap.min.css"/>
  <link rel="stylesheet" href="../../layui/css/layui.css">
  <link rel="stylesheet" href="../../css/style.css"/>
  <!--[if lt IE 9]>
  <script src="../../js/html5shiv.min.js"></script>
  <script src="../../js/respond.min.js"></script>
  <![endif]-->
  <style>
    .main{ padding-bottom: 50px; padding-top: 0; background: #f4f4f4; }
    /*筛选*/
    body .layui-form-select{ width:30%;display:inline-block;margin-right: 3.333%;font-size: 16px;}
    body .layui-input{height: 45px;}
    body .layui-form-select dd.layui-this{ background-color:#3C3EAB }
    form .layui-form-select {  width:30%; display: inline-block;  }
    .to-select{ margin-top:20px ; margin-bottom: 20px; padding:0 15px; }
    .to-select>div{ float: left; }
    .row .select-type{width:45%;font-size: 0;}
    .row .search{ width: 55%;}
    #search{width: 75%;display: inline;float: right;border-right: 0;height: 44px;}
    .search-btn{width: 25%;height: 44px;background-color:#3C3EAB;color: #fff;border: 0;float: right}
    /*表格*/
    #table-block{ background: #fff; padding: 30px; margin:0; margin-bottom: 15px; ;font-size: 15px; }
    #table-header li,.table-list li{
      float:left; padding-left: 20px;width:20%;height:50px; line-height: 50px;
      border:0px solid #ccc; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;
    }
    .table-list li:first-child{ cursor: pointer; }
    #table-header li:first-child,.table-list li:first-child{ width:27%; }
    #table-header li:last-child,.table-list li:last-child{ width:13%; }
    #table-header{ background: #3C3EAB; color:#fff; }
    #table-header li{ height:34px; line-height: 34px; }
    .table-list{ margin-bottom: 15px; }
    .table-list:hover{ box-shadow:0 0 15px #EDCA9A; -webkit-box-shadow:0 0 15px #EDCA9A; -moz-box-shadow:0 0 15px #EDCA9A; }
    .job a{ color: #7189EC }
    .reset-btn{ color: #fff;background-color:#F2914A;width:80%;border-radius: 10px;padding:0; }
    .pager{font-size: 0; }
    .pager li>a{font-size: 14px; color:#666;background-color:#F2F2F2;border-radius:32px;padding: 0;width: 32px;height: 32px;line-height: 32px}
    .pager .page-click{ ;width:85px;}
    .pager li{ margin: 15px;}
    .pager li a.check{ background: #3C3EAB;color:#fff; border: 1px solid #3C3EAB}
    @media (max-width: 768px) {
      .main{ padding-bottom: 20px;}
      .container{ padding:0 10px; }
      .to-select{ margin:0; padding:0; }
      .row .select-type,.row .search{ width:100%;padding:5px 0;}
      #table-block{ padding:5px;font-size: 12px; }
      #table-header li, .table-list li{ padding-left:2px;height:30px;line-height: 30px; }
      #table-header li:first-child,.table-list li:first-child,
      #table-header li:last-child,.table-list li:last-child{ width:20%; }
      .table-list{ margin-bottom: 10px; }
      .reset-btn{ height:26px;line-height: 26px; font-size: 13px;}
      .pager li{ margin:3px; }
      .pager li>a{ width:28px;height:28px;line-height: 28px;border-radius:28px;font-size: 12px; }
      .pager .page-click{width:48px;}
    }
  </style>
</head>
<body>

<!--头部-->
<header>
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="javascript:void(0)">
        <img alt="Brand" src="../../img/logo.png">
      </a>
    </div>
    <div class="collapse navbar-right navbar-collapse" id="collapse-1" role="navigation">
        <ul class="nav navbar-nav">
          <li>
            <a href="javascript:void(0)" data-path="index">首页</a>
          </li>
          <li>
            <a href="javascript:void(0)" data-path="intro">公司简介</a>
          </li>
          <li>
            <a href="javascript:void(0)" data-path="news">新闻中心</a>
          </li>
          <li>
            <a href="javascript:void(0)" data-path="layout">业务布局</a>
          </li>
          <li>
            <a href="javascript:void(0)" data-path="join">加入我们</a>
          </li>
          <li>
            <a href="javascript:void(0)" data-path="party">党建内容</a>
          </li>
          <li>
            <a href="javascript:void(0)" data-path="contact">联系我们</a>
          </li>
          <span id="baseline"></span>
        </ul>
    </div>
  </div>
  <!-- 子菜单 -->
  <div class="detail c-inbanner hidden-xs">
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="list-inline child-menu"></ul>
      </div>
    </div>
    <div class="subnavbg p-subnav ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu" style="margin-left: 555px;">
          <li>
            <a href="../intro/background.html">企业背景</a>
          </li>
          <li>
            <a href="../intro/culture.html" >企业文化</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu " style="margin-left: 655px;">
          <li  >
            <a  href="../news/news-main.html" >重要新闻</a>
          </li>
          <li>
            <a href="javascript:void(0)">项目动态</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu" style="margin-left: 393px;">
          <li  >
            <a  href="../layout/commercial.html">商业地产</a>
          </li>
          <li>
            <a href="../layout/project.html">项目代建</a>
          </li>
          <li>
            <a href="javascript:void(0)">资产经营</a>
          </li>
          <li>
            <a href="javascript:void(0)">物业管理</a>
          </li>
          <li>
            <a href="javascript:void(0)">酒店管理</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu "  style="margin-left: 850px;">
          <li   >
            <a href="../join/strategy.html">人才策略</a>
          </li>
          <li>
            <a href="../join/employ.html">诚聘英才</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="clearfix child-menu"  style="margin-left: 678px;">
          <li>
            <a href="../party/dynamic.html">党建动态</a>
          </li>
          <li>
            <a href="../party/relative.html">相关文件</a>
          </li>
          <li>
            <a href="../party/rule.html">规章制度</a>
          </li>
          <li>
            <a href="../party/structure.html">党组织架构</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="subnavbg p-subnav  ">
      <div class="subnav sub-w">
        <ul class="list-inline child-menu"></ul>
      </div>
    </div>
  </div>
</header>
<section id="banner">
  <div class="banner-box">
    <img src="../../img/banner.png" >
  </div>
  <div class="detail detail-path hidden-xs">
    <div class="container">
      <div class="detail-home">
        <a href="javascript:void(0)">
          <img src="../../img/home.png" />
        </a>
        <a href="../join/strategy.html" id="main-title">加入我们</a>&gt;
        <a href="../join/employ.html" id="sub-title">诚聘英才</a>
      </div>
      <ul class="list-inline detail-title" id="detail-title">
        <li>
          <a href="../join/strategy.html" data-path="strategy">人才策略</a>
        </li>
        <li>
          <a href="../join/employ.html" data-path="employ">诚聘英才</a>
        </li>
        <span id="subline"></span>
      </ul>
    </div>
  </div>
</section>

<section class="main">
  <div class="container">
    <div class="row to-select">
      <div class=" select-type">
        <div action="" class="layui-form">
          <select name="job" id="job" lay-filter="job">
            <option value="">职位类型</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
          </select>
          <select name="location" id="location" lay-filter="location">
            <option value="">工作地点</option>
            <option value="不限">不限</option>
            <option value="北京">北京</option>
            <option value="成都">成都</option>
            <option value="大连">大连</option>
            <option value="长春">长春</option>
            <option value="长沙">长沙</option>
            <option value="东莞">东莞</option>
            <option value="佛山">佛山</option>
          </select>
          <select name="time" id="time" lay-filter="time">
            <option value="">更新时间</option>
            <option value="不限">不限</option>
            <option value="1周内">1周内</option>
            <option value="半月内">半月内</option>
            <option value="一个月内">一个月内</option>
            <option value="三个月内">三个月内</option>
            <option value="半年内">半年内</option>
          </select>
        </div>
      </div>
      <div class="search clearfix">
        <button type="button" class="search-btn ">搜索</button>
        <input type="text" name="key" placeholder="请输入关键词"  class="layui-input" id="search">
      </div>
    </div>
    <div class="row" id="table-block" >
      <ul class="table clearfix" id="table-header">
        <li>职位名称</li>
        <li>招聘人数</li>
        <li>工作地点</li>
        <li>发布时间</li>
        <li>职位申请</li>
      </ul>
      <ul class="table" id="table-main">
        <li class="table-list clearfix">
          <ul>
            <li  class="job text-overflow">
              <a href="employ-detail.html" target="_blank">安装造价师安装造价师安装造价师</a>
            </li>
            <li>2</li>
            <li>南京</li>
            <li>2015/05/04</li>
            <li><button type="button" class="reset-btn">申请</button></li>
          </ul>
        </li>
        <li class="table-list clearfix">
          <ul>
            <li  class="job text-overflow">
              <a href="employ-detail.html" target="_blank">装修工程师</a>
            </li>
            <li>2</li>
            <li>南京</li>
            <li>2015/05/04</li>
            <li><button type="button" class="reset-btn">申请</button></li>
          </ul>
        </li>
        <li class="table-list clearfix">
          <ul>
            <li  class="job text-overflow">
              <a href="employ-detail.html" target="_blank">装修工程师</a>
            </li>
            <li>2</li>
            <li>南京</li>
            <li>2015/05/04</li>
            <li><button type="button" class="reset-btn">申请</button></li>
          </ul>
        </li>
        <li class="table-list clearfix">
          <ul>
            <li  class="job text-overflow">
              <a href="employ-detail.html" target="_blank">装修工程师</a>
            </li>
            <li>2</li>
            <li>南京</li>
            <li>2015/05/04</li>
            <li><button type="button" class="reset-btn">申请</button></li>
          </ul>
        </li>

      </ul>
      <nav>
        <ul class="pager">
          <li><a href="javascript:void(0)" class="page-click">上一页</a></li>
          <li><a href="javascript:void(0)" class="check">1</a></li>
          <li><a href="javascript:void(0)">2</a></li>
          <li><a href="javascript:void(0)">3</a></li>
          <li><a href="javascript:void(0)">4</a></li>
          <li><a href="javascript:void(0)">5</a></li>
          <li><a href="javascript:void(0)" class="page-click">下一页</a></li>
        </ul>
      </nav>
    </div>
  </div>

</section>

<!--尾部-->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-8">
        <p class="footer-desc">南京中电熊猫置业有限公司</p>
        <div class="footer-desc">售楼处 : <p>025-86657777、85506666</p></div>
        <div class="footer-desc">地　址 : <p>江苏省南京市栖霞区华电路1号</p></div>
        <div class="footer-desc">电　话 : <p>025-85235800</p></div>
        <div class="footer-desc">网　址 : <p>http://www.njzdzy.com/</p></div>
        <p class="footer-desc">版权所有©南京中电熊猫置业有限公司 苏ICP备11064917号-1</p>
      </div>
      <div class="col-xs-12 col-sm-4">
        <div class="row">
          <div class="col-xs-6 clearfix">
            <div class="footer-ercode-box">
              <img src="../../img/property-ercode.png" />
              <p>楼盘销售</p>
            </div>

          </div>
          <div class="col-xs-6 clearfix">
            <div class="footer-ercode-box">
              <img src="../../img/sale-ercode.png" />
              <p>置业公司</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>

<script src="../../js/jquery.min.js"></script>
<!--<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>-->
<script src="../../js/bootstrap.min.js"></script>
<script src="../../layui/layui.js"></script>
<script src="../../js/bootlint.js"></script>
<!--<script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>-->
<script src="../../js/main.js"></script>

<script>
  //  bootlint.showLintReportForCurrentDocument([]);
  layui.use(['form'], function() {
    var  form = layui.form;

    form.on('select(job)', function(data){
      console.log(data.value); //得到被选中的值
    });

    form.on('select(location)', function(data){
//      console.log(data.value);
    });

    form.on('select(time)', function(data){
//      console.log(data.value);
    });

  })

</script>
</body>
</html>
